<!-- 4-7props的基本用法 -->
<!-- 子组件 ChildCom. vue: -->
<template>
<div>
来自父组件的消息:{{msg}}
</div>
</template>
<script>
export default {
    props: ["msg"]
    //prope 选项定义当前组件的属性 msg
};
</script>
<style></style>
父组件 App.vue:
<template>
    <div>
        <ChildCom msg=" Hello ,I am dad!"></ChildCom>
    </div>
</template>
<script>
import ChildCom from " . /components/ChildCom. vue"
export default{
    components:{
        ChildCom
    }
};
</script>
<style scoped></style>